<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>联系我们</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具" />
		<meta name="description" content="百度地图API自定义地图，帮助用户在可视化操作下生成百度地图" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/m_contact_us.css" />
		<link rel="stylesheet" href="css/swiper.min.css" />
		<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
		<script type="text/javascript" src="js/swiper.min.js"></script>
		<script type="text/javascript" src="js/input.js" ></script>
	</head>
	<body>
		<!--head-->
		<div class="header">
			<div class="idx_padding">
				<a href="javascript:history.go(-1)" class="icon back"></a>
				<h2>联系我们</h2>
				<a href="index.html" class="icon index"></a>
			</div>
		</div>
		<!--banner-->
		<div class="banner">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<a href=""> <img src="img/banner1.png" alt="" /> </a>
					</div>
					<div class="swiper-slide">
						<a href=""> <img src="img/banner2.png" alt="" /> </a>
					</div>
					<div class="swiper-slide">
						<a href=""> <img src="img/banner3.png" alt="" /> </a>
					</div>
				</div>
				<!-- 如果需要分页器 -->
				<div class="swiper-pagination"></div>

				<!-- 如果需要导航按钮 -->
				<!--<div class="swiper-button-prev"></div>
				<div class="swiper-button-next"></div>-->
			</div>
			<script type="text/javascript">
				var mySwiper = new Swiper('.swiper-container', {
					autoplay: 3000, //可选选项，自动滑动
					loop: true,
					pagination: '.swiper-pagination',
				})
			</script>
		</div>
		<div class="idx_tit">
			<h3>给我留言</h3>
			<img src="img/tit_line.png" />
		</div>
		<div class="idx_padding">
			<div class="contact">
				<form action="" method="">
					<input type="text" placeholder="请输入您的姓名"/>
					<input type="text" class="cont_input" placeholder="请输入您的手机/邮箱/QQ"/>
					<textarea>请输入您的留言</textarea>
					<input type="submit" value="提交留言" />
					<input type="reset" value="重置信息" />
				</form>
			</div>
		</div>
		<div class="idx_padding">
			<div id="dituContent"></div>
		</div>
		<div class="idx_padding">
			<div class="contact_text">
				<ul>
					<li>电话：66-66688666</li>
					<li>邮编：01234</li>
					<li>邮箱：hzhaochen@hotmail.com</li>
					<li>地址：浙江省杭州市西湖区文三路昌地火炬大厦</li>
				</ul>
			</div>
		</div>
		<!--footer-->
		<div class="footer">
			<p>Copright©2008 Adobe ALL Right</p>
			<p>resevd 昊辰生物科技有限有限公司</p>
		</div>
	</body>
	<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
	<script type="text/javascript" src="js/map.js" ></script>
</html>
